/*Body*/

.Banner01 {background-color:#8C8C8C;color:#F2F2F2;height:20px;}
.Banner02a {background-color:#999999;color:#F2F2F2;height:20px;}
.Banner02b {background-color:#A6A6A6;color:#F2F2F2;height:20px;}

.HeadingH4Left {margin:0;padding:0;text-align:left;}
.HeadingH4Centre, .HeadingH5Centre {margin:0;padding:0;text-align:center;}
.HeadingH4Right {margin:0;padding:0;text-align:right;}

.HeadingH5Indent01 {margin:0;padding:0;text-align:left;text-indent:50px;}
.HeadingH5Indent02 {margin:0;padding:0;text-align:left;text-indent:25px;}

/*End of Body*/
/*Table Column (TD)*/

.Left01a {text-align:left;width:20%;}
.Right01a {text-align:left;width:80%;}

.Left01b {text-align:left;width:80%;}
.Right01b {text-align:right;width:20%;}

.Left02a {text-align:left;width:50%;}
.Right02a {text-align:left;width:50%;}

.Left02b {text-align:right;width:50%;}
.Right02b {text-align:left;width:50%;}

.Left04 {text-align:left;width:40%;}
.Right04 {text-align:left;width:60%;}

.Left05 {text-align:left;width:20%;}
.Middle05 {text-align:left;width:20%;}
.Right05 {text-align:left;width:60%;}

.Left06 {text-align:left;width:20%;}
.Middle06 {text-align:left;width:80%;}
.Right06 {text-align:right;width:20%;}

/*Chat Room*/

.ChannelView01 {text-align:left;width:25%;}
.ChannelView02 {text-align:center;width:45%;}
.ChannelView03 {text-align:right;width:30%;}

.ChatArea01 {text-align:left;width:20%;}
.ChatArea02 {text-align:left;width:60%;}
.ChatArea03 {text-align:right;width:20%;}

.ChatArea04 {text-align:left;width:82%;}
.ChatArea05 {text-align:right;width:18%;}

.ChatInteraction01 {text-align:left;width:25%;}
.ChatInteraction02 {text-align:center;width:50%;}
.ChatInteraction03 {text-align:right;width:25%;}

/*End of Chat Room*/
/*Mail Box*/

.MailFunction01 {text-align:left;width:12%;}
.MailFunction02 {text-align:right;width:48%;}
.MailFunction03, .MailFunction04, .MailFunction05 {text-align:right;width:12%;}

.MailView01 {text-align:left;width:20%;}
.MailView02 {text-align:left;width:15%;}
.MailView03 {text-align:left;width:45%;}
.MailView04 {text-align:right;width:20%;}

/*End of Mail Box*//*End of Table Column (TD)*/
/*Website Content*/

#WebsiteContainer {
display:block;
height:99.8%;
position:fixed;
width:100%;
z-index:1;}

#FrontPageLogo, #RegisterPageLogo, #LoginPageLogo, #ConfirmPageLogo {
background-color:#F2F2F2;
cursor:default;
display:block;
height:45%;
margin:auto;
padding:0;
position:relative;
text-align:center;
top:5%;
width:100%;
z-index:2;}

#FrontPageContent, #RegisterPageContent, #LoginPageContent, #ConfirmPageContent {
background-color:#B3B3B3;
border-color:#000000;border-style:solid;border-width:1px;
color:#F2F2F2;
cursor:default;
display:block;
height:35%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:10%;
width:75%;
z-index:2;}

#TopNavigation {
background-color:#666666;
color:#F2F2F2;
display:block;
height:5%;
position:fixed;
text-align:center;
width:100%;
z-index:3;}

#TopNavigationLeft {
display:inline-block;
left:0;
position:fixed;
text-align:left;
width:20.5%;
z-index:4;}

#TopNavigationCentre {
display:inline-block;
position:relative;
text-align:center;
width:57.5%;
z-index:4;}

#TopNavigationRight {
display:inline-block;
position:fixed;
right:0;
text-align:right;
width:20.5%;
z-index:4;}

#MainContainer {
background-color:#F2F2F2;
cursor:default;
display:block;
height:90%;
margin:auto;
padding:0;
position:fixed;
top:5%;
width:100%;
z-index:2;}

#Logo {
background-color:#F2F2F2;
cursor:default;
display:block;
height:25%;
margin:auto;
padding:0;
position:relative;
text-align:center;
top:5%;
width:100%;
z-index:3;}

#MainContent01 {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
display:block;
height:65%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:11%;
width:100%;
z-index:3;}

.VideoContent {
cursor:default;
display:inline-block;
height:250px;
margin:auto;margin-bottom:5px;margin-left:5px;margin-right:5px;
position:relative;
width:275px;
z-index:3;}

#MediaContainer {
background-color:#4D4D4D;
cursor:default;
display:block;
height:90%;
margin:auto;
padding:0;
position:fixed;
top:5%;
width:100%;
z-index:2;}

#MediaLeft {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
float:left;
height:100%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
text-align:left;
top:0;
width:19.8%;
z-index:3;}

#MediaRight {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
float:right;
height:100%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:0;
width:79.8%;
z-index:3;}

#MainContent02, #MemberContent {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
display:block;
height:91%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:5%;
width:100%;
z-index:2;}

#MemberContainer, #MailContainer, #ProfileContainer {
background-color:#4D4D4D;
cursor:default;
display:block;
height:90%;
margin:auto;
padding:0;
position:fixed;
top:5%;
width:100%;
z-index:2;}

#MemberLeft, #MailLeft, #ProfileLeft {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
float:left;
height:100%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
text-align:left;
top:0;
width:19.8%;
z-index:3;}

#ProfileLeft input[type=text] {
width:95%;}

#MemberRight, #MailRight, #ProfileRight {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
float:right;
height:100%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:0;
width:79.8%;
z-index:3;}

#ProfileRight input[type=text] {
width:95%;}

#ChatBanner01 {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
display:block;
height:5%;
position:fixed;
text-align:left;
top:5%;
width:100%;
z-index:2;}

#ChatBanner01 form {
display:inline-block;}

#ChatContainer {
background-color:#4D4D4D;
cursor:default;
display:block;
height:85%;
margin:auto;
padding:0;
position:fixed;
top:10%;
width:100%;
z-index:2;}

#ChatLeft01 {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
float:left;
height:100%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:0;
width:79.8%;
z-index:3;}

#ChatLeft02 {
background-color:#F2F2F2;
color:#666666;
cursor:default;
float:left;
height:89.5%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
top:0;
width:79.8%;
z-index:3;}

#ChatRight {
background-color:#B3B3B3;
color:#F2F2F2;
cursor:default;
float:right;
height:100%;
margin:auto;
overflow:auto;
padding:0;
position:relative;
text-align:left;
top:0;
width:19.8%;
z-index:3;}

#ChatBanner02 {
background-color:#B3B3B3;
bottom:5%;
color:#F2F2F2;
cursor:default;
display:block;
height:8%;
position:fixed;
text-align:center;
width:79.8%;
z-index:4;}

#ChatBanner02 input[type=text] {
width:95%;}

#ChatRight form {
display:inline-block;}

#Footer01 {
background-color:#F2F2F2;
bottom:0;
color:#666666;
cursor:default;
display:block;
height:5%;
position:fixed;
width:100%;
z-index:2;}

#Footer02 {
background-color:#666666;
bottom:0;
color:#F2F2F2;
cursor:default;
display:block;
height:5%;
position:fixed;
width:100%;
z-index:2;}

#FooterLeft {
display:inline-block;
left:0;
position:fixed;
text-align:left;
width:49.5%;
z-index:3;}

#FooterRight {
display:inline-block;
position:fixed;
right:0;
text-align:right;
width:49.5%;
z-index:3;}

/*End of Website Content*/